@charset "UTF-8";
html{min-width: 1200px;}
body,p,form,textarea,h1,h2,h3,h4,h5,dl,dd{margin: 0px;}
input,button,ul,ol{margin: 0px; padding: 0px;}
body,input,button,form{font-size: 14px; line-height: 28px; font-family: "microsoft yahei", 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #333;}
h1,h2,h3,h4,h5,h6,
font{font-size: 14px; font-weight: normal;}
ul,ol,li{list-style: none;}
input{background: none; border: 0 none;}
img,iframe{border: 0px;}
em,
i{font-style: normal;}
button,input,select,textarea{font-size: 100%;}
table{border-collapse: collapse; border-spacing: 0;}
.red{color: #e74037;}
.fl{float: left;}
.fr{float: right;}
.tac{text-align: center;}
.tar{text-align: right;}
.poa{position: absolute;}
.por{position: relative;}
.hidden{display: none;}
.hide{display: none !important;}
.w1200{width: 1200px; margin: 0 auto;}
.g-ico{background: url(../g-images/g-ico.png) no-repeat; display: inline-block; vertical-align: middle;}
.icon {vertical-align: middle;background: url(../images/icon.png) no-repeat;display: inline-block;}
.in_icon {vertical-align: middle;background: url(../images/ind_icon.png) no-repeat;display: inline-block;}
a{color: #333; text-decoration: none;}
a:hover{color: #c69f65; text-decoration: none;}
a:visited{text-decoration: none;}
.ease,
.ease *{-webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.noease,
.noease *{-webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;}
:-moz-placeholder{color: #cccccc;}
::-moz-placeholder{color: #cccccc;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder{color: #cccccc;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{color: #cccccc;}
/*清除浮动*/
.clearfix{*zoom: 1;}
.clearfix:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.global-wrap{position: relative; min-height: 100%; clear: both;}
.ielt7 .global-wrap{height: 100%;}
.content-wrapper{width: 1220px; margin: 0 auto;}
@media screen and (min-width: 1460px){.content-wrapper{width: 1460px;}}
/***************top and bottom css*********************/
.dialog-layout{width: 100%; height: 100%; position: fixed; z-index: 100; top: 0; left: 0; background: #000; opacity: 0.3; filter: alpha(opacity=30);}
.header_main{width: 100%; position: relative; z-index: 999; background: #333; height: 40px; line-height: 40px; font-size: 12px; color: #fff;}
.header_main .header{position: relative;}
.header_main .ksdh{color: #fff; *width: 320px;}
.header_main .ksdh a{display: block; *display: inline; *zoom: 1;color: #fff;vertical-align: middle;line-height: 40px;float: left;}.header_main .ksdh a s{display: block; width: 45px; height: 40px;}
.header_main .ksdh a:hover{color: #c9974c;}
.header_main .ksdh .sou{width: 45px; display: block; float: right; border-left: 1px solid #444; margin-left: 16px;}
.header_main .ksdh .sou s{background-position: -235px -80px;}
.header_main .ksdh .sou:hover{background: #c9974c;}
.header_main .ksdh .sou:hover s{background-position: -235px -120px;}
.header_main .ksdh .xcx{width: 45px; background: #c9974c; display: block; float: right;}
.header_main .ksdh .xcx s{background-position: -190px -80px;}
.header_main .ksdh span{float: left;display: block; *display: inline; *zoom: 1;padding: 0 10px;color: #999;vertical-align: middle;line-height: 40px;}
.header_main .imgbox{width: 160px; position: absolute; background: #c69f65; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-align: center; color: #fff; padding: 10px; top: 50px; right: -64px; display: none;}
.header_main .imgbox img{width: 160px; height: 160px; display: block; margin: 0 auto;}
.header_main .imgbox p{font-size: 16px; line-height: 40px;}
.header_main .topsearch{position: absolute; top: 0; right: 0px; width: 292px; height: 40px; line-height: 40px; background: #333; display: none;}
.header_main .topsearch .stxt{width: 154px; padding-left: 18px; background: none; border: 0 none; height: 40px; line-height: 40px; float: left; display: block; outline: none; color: #fff;}
.header_main .topsearch .select{width: 66px; float: left; line-height: 40px;}
.header_main .topsearch .select span{display: block; line-height: 40px; cursor: pointer; text-align: center; color: #fff;}
.header_main .topsearch .select .xjt{position: absolute; width: 5px; height: 5px; border-left: 1px solid #666; border-bottom: 1px solid #666; transform: rotate(-45deg); vertical-align: middle; right: 0; top: 16px;}
.header_main .topsearch .select .list{display: none; box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); position: absolute; z-index: 99; background: #fff; top: 40px; left: 0px; width: 80px; padding: 0px 15px; padding-left: 18px; padding-right: 10px; padding-bottom: 10px; padding-top: 10px; box-sizing: border-box; color: #c9974c;}
.header_main .topsearch .select .list li{color: #c9974c; font-size: 12px; text-align: left; display: block; border-bottom: 1px solid #fff; height: 28px; line-height: 28px; z-index: 2; cursor: pointer;}
.header_main .topsearch .select .list li:hover{font-weight: bold;}
.header_main .topsearch .sbtn{position: absolute; right: 0; top: 0; width: 45px; height: 40px; background-color: #c9974c; background-position: -236px -120px; cursor: pointer; outline: none;}
.header_main .topsearch .sbtn:hover{background-color: #c69f65; background-position: -236px -120px;}

/*top_mian*/
.top_main{width: 100%; height: 80px; border-bottom: 1px solid #d7d7d7; overflow: hidden;}
.top_main .webtel{position:relative;width: 172px; padding-top: 14px;}
.top_main .webtel span{position:absolute;left: 40px;width: 20px;height: 20px;display: block;float: left;margin-right: 8px;background-position: 0px 0;margin-top: 4px;}
.top_main .webtel p{color: #666; width: 170px; float: left;text-align:right;}
.top_main .webtel p b{font-size: 26px; color: #c9974c; font-family: arial; display: block;letter-spacing:2px;}
.top_main .logo{padding-top: 28px;}
.top_main .logo a{display: block;width:120px;}
.top_main .logo img{height: 30px;}
.top_main .slogan{width: 620px; padding-top: 22px;}
.top_main .slogan .txt1{width: 258px; padding-right: 14px; float: left; border-left: 1px solid #ccc; padding-left: 14px; margin-left: 14px;}
.top_main .slogan .txt1 strong{font-size: 15px; font-weight:bold;color: #333; line-height: 16px;}
.top_main .slogan .txt1 .en{font-size: 12px; color: #333; display: block; line-height: 16px;}
.top_main .slogan .item{width: 174px; padding-right: 20px; float: left; position: relative;}
.top_main .slogan .item span{width: 40px; height: 40px; display: block; position: absolute; left: 0; top: 0; background-position: -154px 0;}
.top_main .slogan .item span.zy{background-position: -200px 0;}
.top_main .slogan .item p{padding-left: 46px; color: #999;}
.top_main .slogan .item p b{font-size: 18px; font-weight: bold; color: #666; display: block;}

/*nav_main*/
.nav_main{width: 100%;border-bottom:1px solid #d7d7d7;}
.nav_main .nav{line-height: 54px;}
.nav_main .nav .navlist{width:106%;}
.nav_main .nav li{float: left; display: inline-block; list-style: none; text-align: center; position: relative; background: url(../images/nav_line.jpg) no-repeat left center;}
.nav_main .nav li a{display: block; text-align: center; position: relative; color: #222; height: 54px; line-height: 54px; padding: 0 44px;}
.nav_main .nav li:first-child{background: none;}
.nav_main .nav li:first-child a{padding-left: 0;}
.nav_main .nav li .subnav{background: #fff; border-top: 2px solid #c9974c; box-shadow: 0 13px 42px 11px rgba(0, 0, 0, 0.05); height: auto; left: 0; overflow: hidden; position: absolute; top: 54px; width: 100%; z-index: 199; display: none;}
.nav_main .nav li .subnav a{-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; color: #666; display: block; font-size: 13px; font-weight: normal; line-height: 22px; height: 22px; padding: 10px; transition: all 0.2s ease-in-out 0s; max-width: 100%; border-bottom: 1px solid #eee; background: #fff;}
.nav_main .nav li .subnav a:hover{color: #c9974c; padding-left: 20px; background: #f9f9f9;}
.nav_main .nav li.current a,
.nav_main .nav li:hover a{color: #c9974c; font-weight: bold;}
.nav_main .nav li.current .subnav a,
.nav_main .nav li:hover .subnav a{font-weight: normal; color: #666;}
.nav_main .nav li.hover .subnav a:hover,
.nav_main .nav li:hover .subnav a:hover{color: #c9974c;}

/*ilinks*/
.ilinks{padding: 0;}
.ilinks span{display: inline-block; vertical-align: middle; margin-right: 5px;}
.ilinks a{display: inline-block; color: #b5b5b5;}
/*footer_main*/
.footer_main{width: 100%; padding-bottom: 0; background: #1e2129; color: #fff;}
.footer_main .botleft{width: 240px; height: 418px; background: #c9974c;}
.footer_main .botrig{width: 900px; padding-top: 50px;}
.footer_main .botrig .imsgbox{width: 350px;}
.footer_main .botrig .imsgbox h3{font-size: 16px; color: #fff; display: block;}
.footer_main .imassge{padding-top: 20px;}
.footer_main .imassge .item{width: 170px; margin-bottom: 10px; float: left;}
.footer_main .imassge .item .txt{border: 1px solid #9b9b9b; height: 40px; line-height: 40px; color: #989a9e; background: none; outline: none; text-indent: 14px;}
.footer_main .imassge .mr10{margin-right: 10px;}
.footer_main .imassge .mj{width: 100%;}
.footer_main .imassge .mj .txt{width:96%;}
.footer_main .imassge .submit{width: 97%; height: 40px; line-height: 40px; border: 0 none; background: #fff; font-size: 16px; outline: none; cursor: pointer;}
.footer_main .imassge .submit:hover{background: #c9974c; color: #fff;}
.footer_main .botnav{width: 500px;}
.footer_main .botnav li{width: 100px; float: left; display: block; list-style: none; font-size: 16px; line-height: 32px; text-align: left; overflow: hidden; padding-left: 50px;}
.footer_main .botnav li a{color: #fff; display: block; line-height: 32px; font-size: 16px;}
.footer_main .botnav li a:hover{color: #c9974c;}
.footer_main .botnav li .drop{padding-top: 10px;}
.footer_main .botnav li .drop a{display: block; line-height: 26px; color: #fff; width: 100%; font-size: 12px;}
.footer_main .botnav li .drop a:hover{color: #c9974c;}
.footer_main .botnav li:first-child{padding-left: 0;}
.footer_main .botnav li.botcontcat{width: 200px;}
.footer_main .botnav li.botcontcat .drop{font-size: 12px; color: #fff;}
.footer_main .botnav li.botcontcat .drop .tel{font-size: 28px; line-height: 30px; font-weight: bold; color: #fff;}
.footer_main .blogo{width: 222px; text-align: center; padding-top: 50px; line-height: 28px; display: block;}
.footer_main .blogo img{display: block; margin: 0 auto 50px; max-width: 100%; max-height: 60%;}
.footer_main .copyright{line-height: 24px; border: 1px solid #9b9b9b; font-size: 12px; color: #fff; text-align: center; margin-top: 40px; height: 48px;}
.footer_main .bewm{text-align: center; padding-top: 0; width: 140px; height: 140px; margin: 0 auto;}
.footer_main .bewm img{width: 130px; height: 130px; padding: 5px; background: #fff; display: block; margin: 0 auto 0;}
.footer_main .bewm p{text-align: center; color: #fff;}
/***********top and bottom css end***********/
/***********banner css ***********/
.banner_main{width: 100%; overflow: hidden; position: relative; z-index: 2;}
.banner{width: 100%; min-width: 1000px; position: relative; overflow: hidden; z-index: 0; height: 550px;}
.banner .list{max-height: 550px; overflow: hidden;}
.banner li{width: 100%; position: absolute; z-index: 1; overflow: hidden;}
.banner li img{width: 1920px; display: block; position: relative; left: 50%; margin-left: -960px; top: 0;}
.banner li a{width: 100%; display: block;}
.banner .tip{width: 100%; height: 20px; text-align: center; position: absolute; left: 0; bottom: 4%; z-index: 10;}
.banner .tip span{width: 40px; height: 4px; overflow: hidden; margin: 0 10px; display: inline-block; cursor: pointer; vertical-align: top; background: #d7d7d7; text-indent: -1000px;}
.banner .tip span.cur{background: #c9974c;}
.banner .prev,
.banner .next{width: 53px; height: 174px; position: absolute; z-index: 12; top: 50%; margin-top: -87px; cursor: pointer;background-position: -60px -26px;transition:all ease 600ms;}
.banner .prev{left: 5%; background-position: 0 -26px;}
.banner .prev:hover{left:4.6%;transition:all ease 600ms;}
.banner .next{right: 5%; background-position: -60px -26px;}
.banner .next:hover{right:4.6%;transition:all ease 600ms;}

/***********index css ***********/
.index{width: 100%; overflow: hidden;}
.index .indexTit{text-align: center; width: 100%;height:190px;background:url("../images/titLine.png") no-repeat center center;background-size:60px 189px;}
.index .indexTit .tit{padding-top:60px;display:block;font-size:40px;font-weight:bold;color:#c9974c;line-height:40px;}
.index .indexTit .subtit{font-size:18px;color:#333;line-height:18px;font-weight: normal; padding-top: 12px;}
/*menu*/
.index .menu{overflow: hidden; padding-bottom: 20px; padding-top: 20px;}
.index .menu ul{text-align: center;}
.index .menu li{width: 110px; height: 30px; line-height: 30px; margin: 0 10px 10px; display: inline-block; *display: inline; *zoom: 1;}
.index .menu li:first-child{margin-left: 0;}
.index .menu li:last-child{margin-right: 0;}
.index .menu li a{display: block; border: 1px solid #c2c2c2; text-align: center;border-radius:15px;}
.index .menu li a:hover{border: 1px solid #c9974c; color: #fff; background: #c9974c;}
.index .more{width: 150px; height: 40px; line-height: 40px; margin: 0 auto; display: block; text-align: center; border: 1px solid #ccc; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.index .more:hover{border: 1px solid #c9974c; background: #c9974c; color: #fff; text-indent: 10px;}
.index .floor_1{padding: 40px 0; overflow: hidden;}
.index .icase{overflow: hidden; padding-bottom: 20px;}
.index .icase .list{width: 108%;}
/*start bigbox*/
.index .icaseM .bigbox{width: 600px; height: 600px; overflow: hidden; position: relative; margin: 0;}
.index .icaseM .bigbox .bd{overflow: hidden;}
.index .icaseM .bigbox .bd .item{position: relative;width: 600px; height: 600px; overflow: hidden;}
.index .icaseM .bigbox .bd .item img{display:block;width:600px;height:600px;}
.index .icaseM .bigbox .bd .item .txt{filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;position: absolute; left: 0; bottom: 0;width:100%;height:60px;background:url("../images/txtBg.png") repeat center center;z-index:12;}
.index .icaseM .bigbox .bd .item .txt .tit{font-size:20px;color:#fff;height:60px;line-height:60px;text-indent:20px;}
.index .icaseM .bigbox .bd .item .txtBox{filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;position: absolute; left: 0; bottom: 0; width: 600px; height: 600px;text-align: center; background: url(../images/jbhei.png) repeat-x left bottom;z-index:2;}
.index .icaseM .bigbox .bd .item .txtBox h3{color: #fff; font-size: 18px; padding-top: 60%; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.index .icaseM .bigbox .item:hover .txt{filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;}
.index .icaseM .bigbox .item .txtBox h3{filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;padding-top: 68%;}
.index .icaseM .bigbox .item .txtBox span{width: 40px; height: 40px; display: block; background-position: 0 -164px; position: absolute; left: 50%; margin-left: -25px; top: 10%; margin-top: -25px; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;}
.index .icaseM .bigbox .item:hover .txtBox{filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;background: url(../g-images/black50.png) repeat left top;z-index:16;}
.index .icaseM .bigbox .item:hover .txtBox h3{filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;padding-top: 58%;}
.index .icaseM .bigbox .item:hover .txtBox span{filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; top: 50%;}
.index .icaseM .bigbox .hd{height: 15px; overflow: hidden; position: absolute; right: 16px; bottom: 20px; z-index: 15;}
.index .icaseM .bigbox .hd ul{overflow: hidden; zoom: 1; float: left;}
.index .icaseM .bigbox .hd li{float: left; margin-right: 6px; width: 10px; height: 10px; line-height: 14px; text-align: center; background: #fff; cursor: pointer; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%;}
.index .icaseM .bigbox .hd li.on{background: #c9974c; color: #fff;}
.index .floor_1_main .more{margin-top:20px;}

/*end bidbox*/
/*start smallBox*/
.index .icaseM .smabox{width: 600px;}
.index .icaseM .smabox .item{float: left; margin-right: 0; width: 300px; height: 300px; overflow: hidden; position: relative; margin-bottom: 0px;}
.index .icaseM .smabox .item img{display: block;width: 300px ; height: 300px; }
.index .icaseM .smabox .item a{display: block;}
.index .icaseM .smabox .item .txt{filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;position: absolute; left: 0; bottom: 0;width:100%;height:60px;background:url("../images/txtBg.png") repeat center center;z-index:12;}
.index .icaseM .smabox .item .txt .tit{font-size:20px;color:#fff;height:60px;line-height:60px;text-indent:20px;-webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.index .icaseM .smabox .item .txtBox{filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;position: absolute; left: 0; bottom: 0; width: 300px; height: 300px;text-align: center; background: url(../images/txt2Bg.png) repeat-x left bottom;z-index:2;}
.index .icaseM .smabox .item .txtBox .tit1{padding-top:80px;font-weight:bold;font-size:20px;color:#fff;line-height:20px;transition:all ease 200ms;}
.index .icaseM .smabox .item .txtBox .detail{position:absolute;top:60%;left:50%;margin-left:-49px;display:block;width:98px;height:34px;font-size:16px;line-height:34px;text-align:center;color:#fff;border:1px solid #fff;transition:all ease 600ms;}
.index .icaseM .smabox .item:hover .txt{background: url(../g-images/black50.png) repeat left top;}
.index .icaseM .smabox .item:hover .txt{filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; top: 50%;}
.index .icaseM .smabox .item:hover .txtBox{filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;}
.index .icaseM .smabox .item:hover .txtBox .tit1{padding-top:110px;transition:all ease 200ms;}
.index .icaseM .smabox .item:hover .detail{top:50%;transition:all ease 600ms;}

/*end smallBox*/
/*产品中心*/
.index .floor_2_main{width: 100%; height:1134px;background: url(../images/proBg.jpg) no-repeat center center;}
.index .floor_2_main .floor_2{padding: 40px 0;}
.index .floor_2 .menu{padding-top:40px;padding-bottom:40px;}
.index .floor_2 .proList .list{width:106%;}
.index .floor_2 .proList .list .item{float:left;display:block;width:378px;margin-right:30px;margin-bottom:30px;border:1px solid #d7d7d7;-webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.index .floor_2 .proList .list .item .img{display:block;width:378px;height:283px;overflow:hidden;}
.index .floor_2 .proList .list .item .txt{display:block;height:60px;line-height:60px;background:#fff;}
.index .floor_2 .proList .list .item .txt .tit{font-size:20px;line-height:60px;text-align:center;color:#333;}
.index .floor_2 .proList .list .item:hover{box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); -webkit-transform: translate3d(0, -6px, 0); transform: translate3d(0, -6px, 0);}
.index .floor_2 .proList .list .item:hover .tit{color:#c9974c;}

.index .floor_2_main .bd{overflow: hidden;}
.index .floor_2_main .bd ul{padding-top: 20px !important;}
.index .floor_2_main .btn{width: 40px; height: 40px; display: block; position: absolute; top: 50%; cursor: pointer; margin-top: -20px;}
.index .floor_2_main .prev{background-position: -176px -194px; left: -5%;}
.index .floor_2_main .prev:hover{background-position: -43px -194px;}
.index .floor_2_main .next{background-position: -220px -194px; right: -5%;}
.index .floor_2_main .next:hover{background-position: -130px -194px;}

/*四大优势*/
.index .floor_3_main{width:100%;height:900px;background: url(../images/adBg.jpg) no-repeat center center;}
.index .floor_3{padding-top:40px;}
.index .floor_3 .indexTit{background:url("../images/titLine1.png") no-repeat center center;}
.index .floor_3 .indexTit .tit{color:#fff;}
.index .floor_3 .indexTit .subtit{color:#fff;}
.index .floor_3 .advantBox{margin-top:70px;min-height:400px;background:url("../images/adBox.png") no-repeat center center;}
.index .floor_3 .advantList .item{float:left;display:block;width:400px;cursor:pointer;transition:all ease 600ms;}
.index .floor_3 .advantList .item .sIco{float:left;display:block;width:80px;height:80px;background:url("../images/sIco.png") no-repeat center center;background-size:360px 180px;}
.index .floor_3 .advantList .item .txt{float:left;width:300px;margin-left:20px;}
.index .floor_3 .advantList .item .txt .tit{margin-bottom:20px;font-size:24px;font-weight:bold;color:#fff;line-height:24px;}
.index .floor_3 .advantList .item .txt .cont{padding-top:20px;width:300px;font-size:14px;line-height:24px;color:#fff;border-top:1px dashed #9a9a9a;}
.index .floor_3 .advantList .item.a1{margin-bottom:172px;margin-right:400px;}
.index .floor_3 .advantList .item.a3{margin-bottom:172px;margin-right:400px;}
.index .floor_3 .advantList .item:hover{transform:translateY(-6px);transition:all ease 600ms;}
.index .floor_3 .advantList .item:hover .txt .tit{color:#e7ac55;}
.index .floor_3 .advantList .item:hover .txt .cont{color:#e7ac55;}
.index .floor_3 .advantList .item.a1 .sIco{background-position:0 0;}
.index .floor_3 .advantList .item.a2 .sIco{background-position:-90px 0;}
.index .floor_3 .advantList .item.a3 .sIco{background-position:-180px 0;}
.index .floor_3 .advantList .item.a4 .sIco{background-position:-270px 0;}
.index .floor_3 .advantList .item.a1:hover .sIco{background-position:0 -90px;}
.index .floor_3 .advantList .item.a2:hover .sIco{background-position:-90px -90px;}
.index .floor_3 .advantList .item.a3:hover .sIco{background-position:-180px -90px;}
.index .floor_3 .advantList .item.a4:hover .sIco{background-position:-270px -90px;}



/*关于我们*/
.index .floor_4_main{width: 100%; height:714px;background: url("../images/aboutBg.jpg") no-repeat center center;}
.index .floor_4{padding: 60px 0;}
.index .floor_4 .aTit{height:190px;background: url(../images/titLine.png) no-repeat 14px center;}
.index .floor_4 .aTit .tit{padding-top:60px;display:block;font-size:40px;font-weight:bold;color:#c9974c;line-height:40px;}
.index .floor_4 .aTit .subtit{font-size:18px;color:#333;line-height:18px;font-weight: normal; padding-top: 12px;}
.index .floor_4 .aboutimg{width: 600px; height: 450px; margin-left:20px;display: block; background: #fff; box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1); padding: 10px;}
.index .floor_4 .aboutimg img{width: 600px; height: 450px; display: block;}
.index .floor_4 .abouttext{width: 560px; display: block;}
.index .floor_4 .abouttext .stit{font-size: 24px; font-weight: bold; padding-top: 36px;color:#333;line-height:26px;}
.index .floor_4 .abouttext h4{color: #999; font-size: 24px; display: block;}
.index .floor_4 .abouttext .desc{padding-top: 40px; color: #666; line-height: 30px; margin-bottom: 46px;text-indent:2em;}
.index .floor_4 .abouttext .more{margin: 0;}

/*news*/
.index .floor_5_main{background:#fff;}
.index .floor_5{padding-top:40px;padding-bottom:50px;}
.index .floor_5 .cont{margin-top:40px;margin-bottom:40px;}
.index .newsBox{width: 580px; height: 328px; overflow: hidden; position: relative;}
.index .newsBox .hd{height: 40px; overflow: hidden; position: absolute; right: 20px; bottom: 0px; z-index: 10;}
.index .newsBox .hd ul{overflow: hidden; zoom: 1;}
.index .newsBox .hd li{margin-right: 6px; width: 12px; height: 12px; line-height: 14px; text-align: center; background: #fff; cursor: pointer; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; display: block; float: left;}
.index .newsBox .hd li.on{background: #c9974c; color: #fff;}
.index .newsBox .bd li{zoom: 1; vertical-align: middle; position: relative; width:580px;height: 328px; overflow: hidden;}
.index .newsBox .bd li img{display: block;width: 580px; height: 328px; }
.index .newsBox .bd li .txt{position:absolute;bottom:0px;left:0;z-index: 5;width:100%;height:70px;background:url("../images/txtBg.png") repeat center center;}
.index .newsBox .bd li .txt .tit{display: block; font-size: 20px;line-height:70px; color: #fff;text-indent:20px;}
.index .newsBox .bd li p{padding: 0; color: #666; line-height: 24px; height: 50px; overflow: hidden;}
.index .newsBox .bd li .time{font-size: 16px; padding-right: 30px; padding-top: 28px;}
.index .newsBox .bd li:hover h3{color: #3fb150;}
.index .newsBox .bd li:hover img{filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8;}
.index .textlist{width: 572px;}
.textlist .item{position:relative;border-bottom: 1px dashed #d7d7d7;transition: all 0.2s linear 0s;}
.textlist .item a{display: block; padding:21px 0px;}
.textlist .item:first-child a{padding-top:0px;}
.textlist .item h3{font-size: 18px;}
.textlist .item p{margin-top:6px;font-size: 14px; line-height: 20px; color: #666;}
.textlist .item .time{display: block; width: 90px; height: 66px; border-right: 1px solid #ddd; line-height: 20px; margin-right: 30px; color: #666;}
.textlist .item .time b{color: #666; display: block; font-size: 48px; line-height: 48px;}
.textlist .item:hover{transform: translate3d(0, -2px, 0);}
/*end news*/


.index .youshi .list{width: 108%;}
.index .youshi .item{width: 590px; height: 288px; background: #fff; box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1); float: left; margin-right: 20px; margin-bottom: 40px; position: relative;}
.index .youshi .item a{display: block; border: 1px solid #eee; padding-top: 60px; padding-left: 40px; overflow: hidden; height: 227px;}
.index .youshi .item .img{position: absolute; right: 0; top: 50%; width: 254px; height: 256px; margin-top: -128px; vertical-align: middle; text-align: right;}
.index .youshi .item .img img{display: inline; max-width: 100%; max-height: 100%; vertical-align: middle;}
.index .youshi .item h3{font-size: 32px; font-weight: bold; line-height: 40px; color: #333;}
.index .youshi .item h3 b{color: #c9974c; display: block;}
.index .youshi .item .desc{width: 310px; padding-top: 30px; font-size: 18px; color: #666;}
.index .youshi .item span{font-size: 10px; color: #666; font-family: "AvantGardeITVbyBT Book", arial; word-break: break-all; width: 180px; display: block; line-height: 12px; padding-top: 12px;}
.index .youshi .item .ewmbox{display: none; position: absolute; right: 40px; top: 1px; width: 100px; height: 150px; background: #fff; -moz-border-radius-bottomleft: 50px; -moz-border-radius-bottomright: 50px; -webkit-border-bottom-right-radius: 50px; -webkit-border-bottom-left-radius: 50px; border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);}
.index .youshi .item .ewmbox p{color: #666; line-height: 20px; text-align: center; padding-top: 10px;}
.index .youshi .item .ewmbox img{width: 80px; height: 80px; display: block; margin: 0 auto; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%;}
.index .youshi .item.it2,
.index .youshi .item.it3{background: url(../images/ys_bg.jpg) repeat left top;}
.index .youshi .item.it3 .img img{padding-top: 28px;}

.index .floor_6{padding: 80px 0;}
.index .floor_6 .more{background: #666; color: #fff;}
.index .floor_6 .more:hover{background: #c9974c;}
.xunpan{width: 100%; background: url(../images/xunpan.jpg) no-repeat center top; height: 200px; color: #fff;}
.xunpan .zixun{width: 454px; padding-top: 40px; text-align: center;}
.xunpan .zixun .ewm{width: 106px; height: 106px; display: block; padding: 6px; background: #fff;}
.xunpan .zixun .tel{border: 1px solid #7a7c82; width: 300px; height: 50px; line-height: 50px; text-align: center; font-size: 26px; color: #fff; margin-bottom: 20px; font-family: "AvantGardeITVbyBT Book", arial; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px;}
.xunpan .zixun .tel em{width: 25px; height: 25px; display: inline-block; background-position: -154px -50px; margin-right: 10px; vertical-align: middle;}
.xunpan .zixun .zx{border: 1px solid #c9974c; width: 300px; height: 50px; line-height: 50px; text-align: center; font-size: 20px; color: #fff; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; background: #c9974c;}
.xunpan .zixun .zx em{width: 22px; height: 20px; display: inline-block; background-position: -190px -50px; margin-left: 10px; vertical-align: middle;}
.xunpan p{font-size: 20px;}
.xunpan p strong{display: inline-block; color: #fff; font-weight: bold; font-size: 28px; padding-right: 10px; font-style: italic;}
.xunpan p.bigtxt{font-size: 40px; padding-bottom: 20px; padding-top: 56px;}
.xunpan p span{color: #c9974c; display: inline-block;}
.teamlist{position: relative;}
.teamlist .item{float: left; width: 270px; height: 550px; margin-right: 40px; margin-bottom: 40px; display: block; background: #fff; position: relative; text-align: center; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
.teamlist .item a{display: block;}
.teamlist .item .bigimg{width: 270px; height: 360px; display: block;}
.teamlist .item .pic{width: 150px; height: 200px; filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=180, Strength=5); background-color: #fff; -moz-box-shadow: 2px 2px 26px #969696; -webkit-box-shadow: 0 2px 26px #969696; box-shadow: 0 2px 26px rgba(0, 0, 0, 0.1); position: absolute; left: 50%; margin-left: -75px; top: 244px; text-align: center; padding-top: 10px;}
.teamlist .item .pic .ewmimg{width: 130px; height: 130px; box-sizing: border-box; display: block; margin: 0 auto; border: 1px solid #ddd;}
.teamlist .item .pic p{line-height: 22px; color: #999; padding-top: 10px;}
.teamlist .item .txt{border: 1px solid #ddd; border-top: 0 none; padding: 116px 20px 20px;}
.teamlist .item h3{font-size: 24px; font-weight: bold; padding-bottom: 5px;}
.teamlist .item .desc{height: 20px; line-height: 20px; overflow: hidden;}
.teamlist .item .desc span{padding: 0 10px; font-family: arial;}
.teamlist .item:hover{box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); -webkit-transform: translate3d(0, -6px, 0); transform: translate3d(0, -6px, 0);}

/***********index css end***********/
.toolbar{width: 130px; position: fixed; right: 10px; top: 200px; z-index: 999;}
.toolbar dd{width: 130px; height: 55px; margin-bottom: 0; position: relative;}
.toolbar dd a{color: #fff; width: 130px; height: 55px; display: block; cursor: pointer; text-align: center; background: url(../images/rightFixIcon.png) no-repeat -36px 0; line-height: 45px;}
.toolbar dd a span{width: 24px; height: 24px; display: inline-block; background: url(../images/rightFixIcon.png) no-repeat 0 0; vertical-align: middle; margin-right: 5px;}
.toolbar dd a:hover{background-position: -168px 0;}
.toolbar .pop{position: absolute; right: 90px; top: -65px; background: #c9974c; display: none;}
.toolbar .pop-code{width: 120px; padding: 20px 20px 0;}
.toolbar .pop-code img{width: 120px; height: 120px; display: block;}
.toolbar .pop-code h3{height: 50px; line-height: 50px; text-align: center; color: #f2e8e1; font-size: 16px; font-weight: 400; white-space: nowrap;}
.toolbar .lf span{background-position: 0 -33px;}
.toolbar .bj span{background-position: 0 -100px;}
.toolbar .code span{background-position: 0 0;}
.toolbar .zxzx span{background-position: 0 -33px;}
.toolbar .top{width: 130px; height: 45px; background: #c69f65;}
.toolbar .top span{background-position: 0 -127px;}
.toolbar .top:hover{background: #c9974c;}
/**********alone css end**********/
/**********map_ul**********/
.map_ul{list-style: outside none none; display: block; width: 100%; padding-top: 10px;}
.map_ul li{display: block; width: 100%; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #DCDBDB; margin-left: 10px; float: left;}
.map_ul li a{font-size: 14px; float: left; width: 100%; height: 23px; line-height: 23px; font-weight: bold;}
.map_ul .list-inline{display: block; margin-left: 14%; width: 80%; min-height: 30px;}
.map_ul .list-inline a{font-weight: normal; width: auto; float: none; line-height: 32px; height: 32px; margin: 0 10px 10px 0; display: inline-block; border: 1px solid #ccc; padding: 0px 10px;}
.map_ul .list-inline a:hover{background: #1ea0b8; color: #fff; border: 1px solid #1ea0b8;}

/*******animated css******/
.active .animated {
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.delay100 {
  -webkit-animation-delay: 100ms;
  animation-delay: 100ms;
}
.delay200 {
  -webkit-animation-delay: 200ms;
  animation-delay: 200ms;
}
.delay300 {
  -webkit-animation-delay: 300ms;
  animation-delay: 300ms;
}
@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 1;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 1;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.active .fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@keyframes down-ico {
  0% {
    top: 0;
    opacity: 1;
  }
  35% {
    top: 20%;
    opacity: 0;
  }
  65% {
    top: -20%;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
@-webkit-keyframes down-ico {
  0% {
    top: 0;
    opacity: 1;
  }
  35% {
    top: 20%;
    opacity: 0;
  }
  65% {
    top: -20%;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 1;
  }
}
@keyframes scale-three2 {
  0% {
    transform: scale(1);
    opacity: 0.8;
  }
  100% {
    transform: scale(1.3);
    opacity: 0;
  }
}
@-webkit-keyframes scale-three2 {
  0% {
    -webkit-transform: scale(1);
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1.3);
    opacity: 0;
  }
}
@-moz-keyframes scale-three2 {
  0% {
    -moz-transform: scale(1);
    opacity: 0.7;
  }
  100% {
    -moz-transform: scale(1.3);
    opacity: 0;
  }
}
@-o-keyframes scale-three2 {
  0% {
    -o-transform: scale(1);
    opacity: 0.7;
  }
  100% {
    -o-transform: scale(1.3);
    opacity: 0;
  }
}